<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>馆内文书</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/statistics/statisticsBook.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
	</head>

	<body ontouchstart>
		<div class="statistics-book-title hidden">
			<div class="fa fa-angle-left" @click="back"></div>
			<div class="tab">
				<div class="needsclick" @click="wenShu">收文</div>
				<div class="needsclick" @click="wenShu">发文</div>
			</div>
		</div>
		<div class="statistics-book-body">
			<div class="loader">
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
			</div>
			<div class="statistics-book-list hidden">
				<div class="statistics-book-item">
					<div class="row1">
						<div class="title" >收文</div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px; color: #666666; font-size: 13px;">数量：{{bookData["收文"]}}次</div>
					</div>
				</div>
				<div class="statistics-book-item">
					<div class="row1">
						<div class="title">发文</div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px; color: #666666; font-size: 13px;">数量：{{bookData["发文"]}}次</div>
					</div>
				</div>
				<div class="noData" v-if="bookData.length==0">暂无此类数据</div>
			</div>
		</div>
		<div class="statistics-book-cart hidden">
			<div class="title">馆内文书数据统计图</div>
			<div id="bookChart"></div>
			<!--内部存放chart-->
		</div>
		<div class="statistics-book-tabbar">
			<div class="needsclick active">数据详情</div>
			<div class="needsclick">数据图</div>
		</div>
	</body>

	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<!--引入图表插件-->
	<script src="../js/hightcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/hightcharts/data.js" type="text/javascript" charset="utf-8"></script>
	<!--引入快速点击插件-->
	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js.page/statistics/statisticsBook.js" type="text/javascript" charset="utf-8"></script>

</html>